// 获取id
let url = decodeURI(window.location.href);
console.log(url);
var cs = url.split("?")[1].split("=");
console.log(cs);
var csKey = cs[0].toLowerCase()
var csvalue = +cs[1];
let o = { [csKey]: csvalue };
console.log(o);
var liang;


var infobox = document.querySelector(".info")
let xhr1 = new XMLHttpRequest();
xhr1.open("get", `http://chst.vip:1234/api/getcouponproduct?couponid=` + csvalue, false)
xhr1.onload = function () {
    var lis = '';
    if (xhr1.status === 200) {
        let res1 = JSON.parse(xhr1.responseText);
        // console.log(res1.result);
        res1.result.forEach((da, index) => {
            lis += `
                    <li class='liimgs' id="${index}">
                    <div class="img">
                                        ${da.couponProductImg}
                    </div>
                    <div class="right">
                                        <div class="title">${da.couponProductName}</div>
                                        <div class="other">
                                            <h4 class="price">${da.couponProductPrice}</h4>
                                            <div class="stop">${da.couponProductTime}</div>
                                        </div>
                    </div>
                    </li>
           `

        });
        infobox.innerHTML = lis;

         // 点击图片显示 轮播图
        $('.info>li').click(function () {

            $('.curser').css('display', 'block')
            $('.imgbox').html($(this).find('.img').html());
            // 把idex给到liang
            liang = $(this).prop("id");
            console.log(liang);
           
           
        })
         // 上一个
        $(".left").click(function () {
            liang--;
            // console.log(liang);
            if (liang < 0) {
                alert("已经是第一页了")
            }
            $('.imgbox').html(res1.result[liang].couponProductImg)

        })
        // 下一个 
        $(".right").click(function () {
            liang++;
            // console.log(liang);
            if (liang > res1.result.length - 1) {
                alert("已经是最后一页了")
            }
            $('.imgbox').html(res1.result[liang].couponProductImg)

        })

        $(".x").click(function () {
            $('.curser').css('display', 'none')
        })
    }



}
xhr1.send();

// 点击事件轮播图
/* var cang=document.querySelector(".curser")
var x=document.querySelector(".x")
var imgbox=document.querySelectorAll(".imgbox");
var libox=document.querySelectorAll(".info li")
// console.log(libox);

libox.forEach((item,index)=>{
    item.onclick=function(){
        // imgbox.innerHTML=this.getAttribute("img")
        cang.style.display="block";
        
    }
})

// 关闭

x.onclick=function(){
    cang.style.display="none";
}
 */
// 左
/* var left=document.querySelector(".left")
left.onclick=function(){

} */
// 右
/* var right=document.querySelector(".right")
right.onclick=function(){}*/

